@charset "utf-8";
@import url("Slider.css");



@media (min-width:1296px) {

body {
	margin-bottom: 2%;
	font-family: Georgia;
	padding-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.container header {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.container header .primary_header {
	width: 100%;
	padding-bottom: 10px;
}
header .mini_contact div {
}
.container header .mini_contact {
	width: 100%;
	float: right;
	height: 10px;

}
header .mini_contact .left {
	width: 78%;
	float: left;
}

header .mini_contact .right {
	width: 20%;
	float: right;
	padding-right: 8px;
}
header .mini_contact .phone {
	font-family: Georgia;
	font-size: small;
	font-style: normal;
	text-align: right;
	width: 20%;
	float: right;
	color: #595959;
}
header .mini_contact .email {
	font-family: Georgia;
	font-style: normal;
	font-size: small;
	text-align: right;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #595959;
}
section aside .logo {
	margin-left: 20px;
	width: 100px;
	height: 100px;
	float: left;
	clear: left;
}
.primary_header section article {
	width: 150px;
	float: left;
	margin-bottom: 0px;
}
section article .title.harp {
	font-family: Georgia;
}
section article .title.harp {
	max-width: 200px;
	text-align: center;
	float: left;
	width: 150px;
	color: #000000;
	font-family: Georgia;
	clear: both;
	font-size: xx-large;
	margin-top: 5%;
	height: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	letter-spacing: 6px;
}
section article .title.vcs {
	max-width: 150px;
	text-align: center;
	font-family: Georgia;
	color: #595959;
	float: left;
	clear: both;
	font-size: small;
	font-style: normal;
}
.secondary_header {	
	background-color:#8AC2E7;
	clear: left;
	height:auto;
}
#menu .secondary_header {
	padding-top: 50px;
	padding-bottom: 50px;
	clear: left;
}
.container header #menu {
	width: 100%;
	font-family: Georgia;
	text-align: center;
	float: none;
	font-style: normal;
	list-style-position: inside;
	height: 74px;
}
header #menu ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	list-style: none;
	float: left;
	padding-left: 0px;
	clear: left;
}
#menu ul li {
	width: 20%;
	margin-left: auto;
	margin-right: auto;
	float: left;
	text-align: center;
	list-style: none;
	text-decoration: none;

}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Georgia;
	font-size: x-large;
}
#menu li ul {
	visibility: hidden;
	position: absolute;
/*	display: none; */
	left: 0px;
	margin-right:10%;
	margin-left:10%;
	width: 80%;
	margin-top:15px;
	opacity:0;
	height:0px;
	transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
	}
#menu li ul li {
	margin-top: 20px;
	width: 20%;
	}	
#menu li:hover ul{
	visibility: visible;
	opacity: 1;
	cursor:defaut;
	z-index: 1000;
	background: #8AC2E7;
	height: auto;
	/*display:block;*/
    transition-delay: 0s; 
	 }	
#menu li ul li {
		clear: both;
	}	
#menu table {
		margin-top: 20px;
		margin-bottom: 20px;
		color: #FFFFFF;
		font-family: Georgia;
		font-size: x-large;
		width:100%;
	}	
#menu tr{
		height: 60px;
	}	
#menu td{
	cursor:pointer;
	width: 33%;
	}
.img_title {
	position: relative;
  font-size: x-large;
	}
.img__description {
  visibility: hidden;
  opacity: 0; 

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}
td:hover .img__description {
  visibility: visible;
  opacity: 1;
}	
.autoResize {
	max-width: 100%;
	width: 300px;
	height: 150px;		
	}		
.autoResize2 {	
	max-width:100%;
	width: auto;
	height: 150px;
	max-height: inherit;
	overflow:hidden;
}		
.container .caseStudies {
		min-height: 600px;
}
.caseStudies .Table2 td{
	width: 100%;
	height: 200px;	
	overflow:hidden;
}
.caseStudies .Table2,td:hover {
 transform: scale(1.1);		
}
.VideoWall {
		position: relative;
}
.VideoWall p {
	padding:0px;
	margin:0px;	
}
.VideoWall img {
	height: 550px;
	width: 100%;	
}
.VideoWall tr {
	height:600px;
}
.VideoWall td {
	width: auto;
	height: 600px;
}
.VideoWall .overlay {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 10;
  background-color: rgba(101,196,249,0.70); /*dim the background*/
}	
.VideoWall .overlay center{
	color: #FFFFFF;
	font-family: Georgia;
	font-style: normal;
	font-size: 50px;
	}
.container .Company_Information {
	width: 100%;
	min-height: 245px;
	padding-top: 4%;
	padding-bottom: 4%;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 7.25%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 7.25%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 7.25%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 7.25%);
	color: #000000;
	margin-top: -6%;
}
.container .Company_Information .about {
	font-family: Georgia;
	font-size: xx-large;
	padding-left: 15%;
	padding-right: 15%;
	float: left;
	text-align: center;
	max-height: 267px;
	top: 10%;
	bottom: 10%;
	padding-bottom: 0px;
	height: auto;
	padding-top: 0px;
	color: #000000;
	}	
.container .three {
	width: 100%;
	padding-bottom: 20px;
	min-height: 240px;
	max-height: 270px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.container .three .Video_wall {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #36A0FC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	height: auto;
}
.container .three .pass_info {
	width: 33.33%;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #36A0FC;
	opacity: 1;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.container .three .digital_signage {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #36A0FC;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.three .Video_wall img:hover {
	opacity: 1;
	cursor: pointer;
}
.three .pass_info img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .digital_signage img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .Video_wall img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	opacity: 0.5;
	right: auto;
	left: auto;
	float: left;
}
.three .pass_info img {
	width: 100%;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	opacity: 0.5;
}
.three .digital_signage img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	opacity: 0.5;
	padding-right: 0px;
}
.container .three .Tagline {
	width: 100%;
	height: 26px;
	background-color: #595959;
	display: none;
}
.three .Tagline .clearly2 {

}
.container .three .three_headers {
	display: none;

}
.container .three .Mytext {
	visibility: hidden;
	overflow-y: visible;
	text-align: center;
	z-index: 1;
	top: 100px;
}
.container .service {
	min-height: 300px;
	width: 100%;
	padding-bottom: 1%;
}
.service .left .service_heading {
	width: auto;
	color: #69B0ED;
	font-family: Georgia;
	font-size: xx-large;
	font-style: italic;
	padding-bottom: 4%;
	padding-top: 4%;
	padding-left: 0px;
	padding-right: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.container .service .left {
	width: 43%;
	padding-bottom: 15px;
	float: left;
	padding-left: 10%;
	margin-right: 0px;
}
.service .left p {
	font-family: Georgia;
	font-style: italic;
	font-size: x-large;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 0%;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}
.container .service .right {
	width: 32%;
	float: left;
	padding-left: 5%;
	padding-top: 6%;
	padding-bottom: 3%;
	padding-right: 10%;
}
.service .right img {
	width: 100%;
	height: auto;
	padding-right: 0px;
}
.container .quotes {
	min-height: 300px;
	width: 100%;
	float: left;
}
.container .quotes section {
	float: left;
}
.container .quotes .Quotes {
	width: 100%;
	float: left;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.quotes .Quotes p {
	color: #FFFFFF;
	font-family: Georgia;
	padding-left: 10%;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 40%;
	float: left;
	margin-top: 3%;
	font-size: x-large;
}	
.Quotes p img {
	width: 53%;
	margin-top: -7%;
}	
.container .clients {
	width: 54%;
	min-height: 150px;
	text-align: center;
	padding-left: 24%;

	padding-right: 10%;
}
.container .clients .bbc {
	width: 31%;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 1%;
	padding-right: 0px;
}
.container .clients .unilever {
	width: 9%;
	float: left;
	padding-left: 2%;
}
.container .clients .underground {
	width: 12%;
	float: left;
	padding-top: 1%;
}
.container .clients .thames {
	width: 10%;
	float: left;
	padding-top: 1%;
}
.container .clients .Vodafone {
	width: 33%;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 2%;
}
.clients .bbc .logo {
	margin-top: 20px;
	width: 100%;
}
.clients .unilever .logo {
	width: 100%;
}
.clients .underground .logo {
	width: 80%;
}
.clients .thames .logo {
	width: 80%;
}
.clients .Vodafone .logo {
	width: 80%;
}
.container .contact_information {
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.container .footerline {
	width: 100%;
	height: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #598ad1;
	float: left;
}
.container .contact_information .left {
	width: 50%;
	float: left;
	text-align: left;
	top: auto;
	padding-top: 20px;
	font-family: Georgia;
	color: #000000;
	font-style: normal;
	font-size: x-large;
}
.contact_information .left p {
	padding-left: 20%;
	font-size: medium;
}
.container .contact_information .right {
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 20px;
}
.contact_information .right a {
	margin-right: 0px;
	padding-right: 19%;

}
.contact_information .right p {
	padding-right: 20%;
	color: #000000;
	font-family: Georgia;
	font-size: medium;
}
.container .footerline2 {
	width: 95%;
	height: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 3%;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	background-color: #598ad1;
	margin-left: 3%;
	padding-right: 0px;
	padding-left: 0px;
}
.container .copyright {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: right;
	color: #595959;
	font-family: Georgia;
}
.container .copyright p {
	width: 80%;
	float: right;
	margin-right: 40px;
	padding-right: 20px;
}
.container header .dropdown {
		display: none;
}
}

@media (max-width:320px) {
body p {
	width: 100%;
}
#menu .navbar-header .navbar-toggle {
	display: block;
	border-top: 1px solid #FFFFFF;
	margin-left: 0px;
	top: 26px;
	height: 34px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
button .button {
	display: inline-block;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid #6E6E6E;
	font-size: 17px;
	color: #4A4A4A;
}
header #menu #navbar .navbar-collapse.collapse {
	display: none;
}
header #menu #navbar navbar.collapse {
	display: none;
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	border-top: 1px solid #FFFFFF;
}
header #menu .navbar-header {
	float: none;
	position: absolute;
	top: 15px;
	right: 20px;
}
header #menu #navbar .navbar-collapse {
	border-top: 1px solid #E9D7D7;
	-webkit-box-shadow: 0px 1px #000000;
	box-shadow: 0px 1px #000000;
}
.container header .mini_contact {
	display: none;
}
.container header .primary_header {
	width: 100%;
	background-color: #FFFFFF;
}
.container header #menu {
	display: none;
}
.primary_header section aside {
	width: 10%;
	height: 28px;
	float: left;
}
section aside .logo {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 100%;
}
.primary_header section article {
	width: 50%;
	padding-left: 12%;
}
section article .title.harp {
	color: #000000;
	font-family: Georgia;
	font-weight: bold;
	text-align: left;
	font-size: x-large;
}
section article .title.vcs  {
	color: #FFFFFF;
	display: none;
}
.container p img {
	width: 100%;
	height: auto;

}
.container .Company_Information {
	width: 100%;
	min-height: 210px;
	margin-top: -9%;
	padding-top: 4%;
	padding-bottom: 4%;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	background-color: #B5B5B5;
}
.container .Company_Information .about {
	font-family: Georgia;
	font-size: 15px;
	padding-left: 15%;
	padding-right: 15%;
	float: left;
	text-align: center;
	max-height: 220px;
	top: 10%;
	bottom: 10%;
	padding-bottom: 0px;
	height: auto;
	padding-top: 0px;
	color: #000000;
	width: 70%;
	
	}	
.container .three {
	width: 100%;
	height: 791px;
	float: left;
	visibility: visible;
	opacity: 1;
	display: inline;
	background-image: url(Harp/images/digital%20signage/885x2000.jpg);
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}
.three .Video_wall img {
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;

}
.three .pass_info img {
	display: none;
}
.three .digital_signage img {
	display: none;
}
.container .three .Tagline {
	width: 100%;
	height: 21px;
	float: left;
	color: #595959;
	font-family: Georgia;
	font-style: italic;
	font-size: x-large;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 8%;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.53) 0%,rgba(255,255,255,0.55) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.53) 0%,rgba(255,255,255,0.55) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.53) 0%,rgba(255,255,255,0.55) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.53) 0%,rgba(255,255,255,0.55) 100%);
}
.container .three .three_headers {
	width: 40%;
	height: 150px;
	color: #FFFFFF;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	background-color: #69B0ED;
	float: left;
	margin-right: 6%;
	margin-left: 6%;
}
.container .three .three_headers.PI {
	float: right;
}
.container .service {
	display: none;
}
.container .quotes {
	display: none;
}
.container .clients {
	display: none;
}
.PI {
}
.DS {
}
.container .contact_information {
	width: 100%;
	height: 200px;
}
.container .footerline {
	width: 100%;
	height: 5px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #598ad1;
	float: left;
}
.container .contact_information .left {
	width: 100%;
	float: left;
	top: auto;
	padding-top: 20px;
	font-family: Georgia;
	color: #000000;
	font-style: normal;
	font-size: x-large;
	height: auto;
	display: none;
}
.contact_information .left p {
	font-size: medium;
	float: right;
}
.container .contact_information .right {
	width: 100%;
	padding-top: 20px;
	margin-top: 0px;
	padding-left: 3%;
}
.contact_information .right a {
	float: left;
}
.contact_information .right p {
	color: #000000;
	font-family: Georgia;
	font-size: medium;
	float: right;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 5%;
	margin-left: 0px;
	margin-right: 0px;
}
.container .footerline2 {
	width: 95%;
	height: 3px;
	margin-top: -2%;
	margin-bottom: 0px;
	margin-right: 3%;
	float: left;
	background-color: #598ad1;
	margin-left: 3%;
}
.container .copyright {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 9px;
	float: right;
	text-align: right;
	color: #595959;
	font-family: Georgia;
}
.container .copyright p {
	width: 100%;
	float: right;
	padding-right: 20px;
	font-size: x-small;
	text-align: right;
}
.container header .dropdown {
	text-align: right;
	background-repeat: no-repeat;
	position: static;
	display: inline-block;
	float: right;
}
header .dropdown .dropbtn {
	background-image: url(Harp/images/digital%20signage/min_menu.jpg);
	background-repeat: no-repeat;
	min-width: 24px;
	min-height: 35px;
	position: absolute;
	top: 30px;
	right: 12px;
	border: none;
	cursor: pointer;
}
header .dropdown-content{
	position: absolute;
	left: 0px;
	background-color: #69B0ED;
	display: none;
	margin-left: 8px;
	max-width: 95%;
	width: 100%;
	padding-bottom: 1px;
	padding-top: 5px;
	margin-top: -23px;
}	
header .dropdown-content a{
	text-align: left;
	color: white;
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 5px;
	font-family: Georgia;
	text-decoration: none;
	max-height: 20%;
	display: block;
	font-size: small;
}
/* This is the alternative to switch to from .dropdown-content */	
header .show {
	display: block;
	}	
}

@media (min-width:321px) and (max-width:768px){
body p {
	width: 100%;
}
.container header .mini_contact {
	display: none;
}
.primary_header section aside {
	width: 10%;
	float: left;
}
.container header #menu { 
	display : none;
	}
section aside .logo {
	width: 100%;
	height: 100%;
}
section article .title.harp {
	font-family: Georgia;
	width: 50%;
	margin-left: 12%;

}
section article .title.vcs {
	display: none;
}
.container .Company_Information {
	width: 100%;
	min-height: 140px;
	margin-top: -2%;
	padding-top: 4%;
	padding-bottom: 4%;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	background-color: #B5B5B5;
}
.container .Company_Information .about {
	font-family: Georgia;
	font-size: medium;
	padding-left: 15%;
	padding-right: 15%;
	float: left;
	text-align: center;
	max-height: 267px;
	bottom: 10%;
	padding-bottom: 0px;
	height: auto;
	padding-top: 0px;
	color: #000000;
	width: 70%;
	
	}	
.container .three {
	width: 100%;
	min-height: 107px;
	max-height: 270px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.container .three .Video_wall {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #595959;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	height: auto;
}
.container .three .pass_info {
	width: 33.33%;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #595959;
	opacity: 1;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.container .three .digital_signage {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #595959;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.three .Video_wall img:hover {
	opacity: 1;
	cursor: pointer;
}
.three .pass_info img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .digital_signage img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .Video_wall img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	opacity: 0.5;
	right: auto;
	left: auto;
}
.three .pass_info img {
	width: 100%;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	opacity: 0.5;
}
.three .digital_signage img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	opacity: 0.5;
	padding-right: 0px;
}
.container .three .three_headers {
	width: 33.33%;
	float: left;
	color: #FFFFFF;
	font-family: Georgia;
	font-style: italic;
	background-color: #595959;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 39px;
}
.container .three .Tagline {
	display: none;
}
.container .service {
	display: none;
}
.container .quotes section {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.container .quotes {
	min-height: 200px;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	display: inline;
}
.container .quotes .Quotes {
	padding-bottom: 3%;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.quotes .Quotes p {
	color: #FFFFFF;
	font-family: Georgia;
	font-style: italic;
	font-size: large;
	margin-right: 0px;
	width: 40%;
	padding-left: 5%;
	padding-right: 3%;
	margin-left: 0px;
	padding-bottom: 3%;
	margin-bottom: 0px;
	padding-top: 4%;
	text-align: center;
	display: inline;
	float: left;
}	
.Quotes p img {
	position: static;
	float: left;
	width: 40%;
	height: 40%;
}
.container .clients {
	width: 100%;
	min-height: 150px;
	padding-left: 5%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}	
.container .clients .bbc {
	width: 31%;
	padding-top: 2%;
	float: left;
}
.clients .bbc .logo {
	width: 100%;
}
.container .clients .unilever {
	width: 9%;
	padding-left: 2%;
	float: left;
}
.clients .unilever .logo {
	width: 100%;
	margin-top: 10px;
}
.container .clients .underground {
	width: 12%;
	padding-top: 1%;
	float: left;
}
.clients .underground .logo {
	width: 80%;
}
.container .clients .thames {
	width: 12%;
	padding-top: 1%;
	float: left;
}
.clients .thames .logo {
	width: 80%;
}
.container .clients .Vodafone {
	width: 33%;
	padding-top: 2%;
	float: left;
}
.clients .Vodafone .logo {
	width: 80%;
}
.container .footerline {
	width: 100%;
	height: 2px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #598ad1;
	float: left;
}
.container .contact_information .left {
	width: 50%;
	float: left;
	text-align: left;
	top: auto;
	padding-top: 20px;
	font-family: Georgia;
	color: #000000;
	font-style: normal;
	font-size: x-large;
}
.contact_information .left p {
	padding-left: 10%;
	font-size: small;
	font-family: Georgia;
	color: #000000;
	width: 90%;
}
.container .contact_information .right {
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 20px;
}
.contact_information .right a {
	padding-right: 7%;
}
.contact_information .right p {
	padding-right: 10%;
	color: #000000;
	font-family: Georgia;
	font-size: small;
	width: 90%;
}
.container .footerline2 {
	width: 95%;
	height: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 3%;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	background-color: #598ad1;
	margin-left: 3%;
	padding-right: 0px;
	padding-left: 0px;
}
.container .copyright {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: right;
	color: #595959;
	font-family: Georgia;
	font-size: x-small;
}
.container .copyright p {
	width: 80%;
	float: right;
	margin-right: 40px;
	padding-right: 20px;
	font-family: Georgia;
	font-size: x-small;
}
.container header .dropdown {
	float: right;
	text-align: right;
	background-repeat: no-repeat;
	position: static;
	display: inline-block;
	margin-top: -16px;
}
header .dropdown .dropbtn {
	background-image: url(Harp/images/digital%20signage/min_menu.jpg);
	background-repeat: no-repeat;
	min-width: 24px;
	min-height: 35px;
	position: absolute;
	top: 30px;
	right: 12px;
	border: none;
	cursor: pointer;
}
header .dropdown-content{
	position: absolute;
	left: 0px;
	background-color: #69B0ED;
	display: none;
	padding-bottom: 43px;
	margin-left: 8px;
	padding-top: 32px;
	max-width: 98%;
	width: 100%;
	margin-top: 27px;
}	
header .dropdown-content a{
	text-align: left;
	color: white;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 9px;
	font-family: Georgia;
	text-decoration: none;
	max-height: 20%;
	display: block;
	font-size: large;
	
}

/* This is the alternative to switch to from .dropdown-content */
	
header .show {
	display: block;
	}	
.container p img {
	width: 100%;
	height: 100%;
	max-height: 273px;
}
}

@media (min-width:769px) and (max-width:1000px){
body p {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.container .Company_Information {
	width: 100%;
	min-height: 300px;
	left: auto;
	max-height: 400px;
	margin-top: 0%;
	padding-top: 2%;
	padding-bottom: 1%;
	color: #FFFFFF;
	background-color: #B5B5B5;
}	
.container .Company_Information .about {
	font-family: Georgia;
	font-size: 26px;
	float: left;
	text-align: center;
	max-height: 267px;
	top: 10%;
	margin-top: 1%;
	bottom: 10%;
	padding-bottom: 0px;
	height: auto;

}
.container header .primary_header {
	width: 100%;
	height: 54px;
	padding-bottom: 10px;
}
.container header .mini_contact {
	width: 100%;
	float: right;
	height: 1px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;

}
header .mini_contact .left {
	width: 70%;
	float: left;
	padding-left: 0px;
}
header .mini_contact .right {
	width: 28%;
	float: right;
	padding-right: 8px;
}
header .mini_contact .phone {
	font-family: Georgia;
	font-size: small;
	font-style: normal;
	text-align: right;
	width: 29%;
	float: right;
	color: #595959;
}
header .mini_contact .email {
	font-family: Georgia;
	font-style: normal;
	font-size: small;
	text-align: right;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #595959;
	float: right;
}
header .primary_header section {
	width: 100%;
}
.primary_header section aside {
	width: 6%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
section aside .logo {
	float: left;
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-right: 0px;
}
.primary_header section article {
	width: 150px;
	float: left;
	margin-bottom: 0px;
	height: auto;
}
section article .title.harp {
	text-align: center;
	float: left;
	width: 150px;
	color: #000000;
	font-family: Georgia;
	clear: both;
	font-size: xx-large;
	height: 32px;
	margin-bottom: 0px;
	letter-spacing: 6px;
	padding-top: 0px;
	margin-top: 7%;
}
section article .title.vcs {
	display: none;
}	
.secondary_header {
	background-image: -webkit-linear-gradient(270deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	clear: left;
	padding-bottom: 0px;
}
#menu .secondary_header {
	background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	-webkit-box-shadow: 0px 0px #4F4F4F;
	box-shadow: 0px 0px #4F4F4F;
	clear: left;
	padding-top: 0px;
}
.container header #menu {
	width: 100%;
	height: 57px;
	color: #FFFFFF;
	font-family: Georgia;
	text-align: center;
	float: none;
	font-style: normal;
	list-style-position: inside;
	padding-top: 0px;
	margin-top: 0px;
}
header #menu ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	list-style: none;
	float: left;
	padding-left: 0px;
	clear: left;
	height: auto;
	margin-top: 8px;
}
#menu ul li {
	width: 20%;
	margin-left: auto;
	margin-right: auto;
	float: left;
	text-align: center;
	color: #FFFFFF;
	list-style: none;
	text-decoration: none;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Georgia;
	font-size: x-large;
}
.container header .dropdown {
	display: none;
}
.container .three {
	width: 100%;
	min-height: 166px;
	max-height: 270px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.container .three .Video_wall {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #595959;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	height: auto;
}
.container .three .pass_info {
	width: 33.33%;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #595959;
	opacity: 1;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.container .three .digital_signage {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #595959;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.three .Video_wall img:hover {
	opacity: 1;
	cursor: pointer;
}
.three .pass_info img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .digital_signage img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .Video_wall img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	opacity: 0.5;
	right: auto;
	left: auto;
}
.three .pass_info img {
	width: 100%;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	opacity: 0.5;
}
.three .digital_signage img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	opacity: 0.5;
	padding-right: 0px;
}
.container .three .Tagline {
	display: none;
}
.container .three .three_headers {
	width: 33.33%;
	float: left;
	color: #FFFFFF;
	background-color: #595959;
	text-align: center;
	font-family: Georgia;
	font-style: italic;
}
.container .service {
	display: none;
}
.container .quotes section {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;

}
.container .quotes {
	min-height: 200px;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	display: inline;
}
.container .quotes .Quotes {
	padding-bottom: 3%;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.quotes .Quotes p {
	color: #FFFFFF;
	font-family: Georgia;
	font-style: italic;
	font-size: 24px;
	margin-right: 0px;
	width: 40%;
	padding-left: 5%;
	padding-right: 3%;
	margin-left: 0px;
	padding-bottom: 3%;
	margin-bottom: 0px;
	float: left;
	padding-top: 4%;
	text-align: center;
	display: inline;
}	
.Quotes p img {
	position: relative;
	float: left;
	max-height: 200px;
	width: auto;
}
.container .clients {
	width: 100%;
	min-height: 150px;
	padding-left: 5%;
}	
.container .clients .bbc {
	width: 31%;
	float: left;
	padding-top: 2%;
}
.container .clients .unilever {
	width: 9%;
	float: left;
	padding-left: 2%;
	padding-top: 8px;
}
.container .clients .underground {
	width: 12%;
	float: left;
	padding-top: 1%;
}
.container .clients .thames {
	width: 12%;
	float: left;
	padding-top: 1%;
}
.container .clients .Vodafone {
	width: 33%;
	float: left;
	padding-top: 2%;
}
.clients .bbc .logo {
	width: 100%;
}
.clients .unilever .logo {
	width: 100%;
}
.clients .underground .logo {
	width: 80%;
}
.clients .thames .logo {
	width: 80%;
}
.clients .Vodafone .logo {
	width: 80%;
}	
.container .footerline {
	width: 100%;
	height: 2px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #598ad1;
	float: left;
}
.container .contact_information .left {
	width: 50%;
	float: left;
	text-align: left;
	top: auto;
	padding-top: 20px;
	font-family: Georgia;
	color: #000000;
	font-style: normal;
	font-size: x-large;
}
.contact_information .left p {
	padding-left: 20%;
	font-size: medium;
}
.container .contact_information .right {
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 20px;
}
.contact_information .right a {
	padding-right: 8%;
}
.contact_information .right p {
	padding-right: 10%;
	color: #000000;
	font-family: Georgia;
	font-size: medium;
	width: 90%;
}
.container .footerline2 {
	width: 95%;
	height: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 3%;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	background-color: #598ad1;
	margin-left: 3%;
	padding-right: 0px;
	padding-left: 0px;
}
.container .copyright {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: right;
	color: #595959;
	font-family: Georgia;
}
.container .copyright p {
	width: 80%;
	float: right;
	margin-right: 40px;
	padding-right: 20px;
}
#Slider2 .SlidePics2 .Slidetext  {
	top: -307px;
	position: relative;
	width: 42%;
	margin-right: 13px;
	font-size: x-large;
	text-decoration: none;
	text-wrap: yes;
	float: right;
}
#Slider2 .SlidePics2 .Slides {
	max-height: 319px;
}
.container p img {
	width: 100%;
}
}


@media (min-width:1001px) and (max-width:1300px) {
body {
	margin-bottom: 2%;
	font-family: Georgia;
	padding-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.container header {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.container header .primary_header {
	width: 100%;
	height: 100px;
	padding-bottom: 10px;
}
.container header .mini_contact {
	width: 100%;
	float: right;
	height: 10px;

}
header .mini_contact .left {
	width: 78%;
	float: left;
}
header .mini_contact .right {
	width: 20%;
	float: right;
	padding-right: 8px;
}
header .mini_contact .phone {
	font-family: Georgia;
	font-size: small;
	font-style: normal;
	text-align: right;
	width: 20%;
	float: right;
	color: #595959;
}
header .mini_contact .email {
	font-family: Georgia;
	font-style: normal;
	font-size: small;
	text-align: right;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #595959;
}
section aside .logo {
	margin-left: 20px;
	width: 100px;
	height: 100px;
	float: left;
	clear: left;
}
.primary_header section article {
	width: 150px;
	float: left;
	margin-bottom: 0px;
}
section article .title.harp {
	max-width: 200px;
	text-align: center;
	float: left;
	width: 150px;
	color: #000000;
	font-family: Georgia;
	clear: both;
	font-size: xx-large;
	margin-top: 5%;
	height: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	letter-spacing: 6px;
}
section article .title.vcs {
	max-width: 150px;
	text-align: center;
	font-family: Georgia;
	color: #595959;
	float: left;
	clear: both;
	font-size: small;
	font-style: normal;
}
.secondary_header {
	background-image: -webkit-linear-gradient(270deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(105,176,237,1.00) 0%,rgba(255,255,255,0.00) 100%);
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	clear: left;
}
#menu .secondary_header {
	background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(105,176,237,1.00) 100%);
	-webkit-box-shadow: 0px 0px #4F4F4F;
	box-shadow: 0px 0px #4F4F4F;
	padding-top: 50px;
	padding-bottom: 50px;
	clear: left;
}
.container header #menu {
	width: 100%;
	height: 100px;
	color: #FFFFFF;
	font-family: Georgia;
	text-align: center;
	float: none;
	font-style: normal;
	list-style-position: inside;
}
header #menu ul {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	list-style: none;
	float: left;
	padding-left: 0px;
	clear: left;
}
#menu ul li {
	width: 20%;
	margin-left: auto;
	margin-right: auto;
	float: left;
	text-align: center;
	color: #FFFFFF;
	list-style: none;
	text-decoration: none;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Georgia;
	font-size: x-large;
}		
.container header .dropdown {
		display: none;
}	
.container .Company_Information {
	background-color: #B5B5B5;
	color: #FFFFFF;
	width: 100%;
	max-height: 400px;
	left: auto;
	margin-top: 0%;
	min-height: 300px;
	padding-bottom: 1%;
	padding-top: 2%;


}
.container .Company_Information .about {
	font-family: Georgia;
	font-size: xx-large;
	padding-left: 15%;
	padding-right: 15%;
	float: left;
	text-align: center;
	max-height: 267px;
	top: 10%;
	margin-top: 1%;
	bottom: 10%;
	padding-bottom: 0px;
	height: auto;
	}	
.container .three {
	width: 100%;
	padding-bottom: 20px;
	min-height: 240px;
	max-height: 270px;
	margin-top: 0px;
	padding-top: 0px;
}
.container .three .Video_wall {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #36A0FC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	height: auto;
}
.container .three .pass_info {
	width: 33.33%;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #36A0FC;
	opacity: 1;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.container .three .digital_signage {
	width: 33.33%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #36A0FC;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.three .Video_wall img:hover {
	opacity: 1;
	cursor: pointer;
}
.three .pass_info img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .digital_signage img:hover {
	cursor: pointer;
	opacity: 1;
}
.three .Video_wall img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	opacity: 0.5;
	right: auto;
	left: auto;
}
.three .pass_info img {
	width: 100%;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	opacity: 0.5;
}
.three .digital_signage img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	opacity: 0.5;
	padding-right: 0px;
}
.container .three .Tagline {
	display: none;
}
.container .three .three_headers {
	display: none;
}
.container .service {
	min-height: 300px;
	width: 100%;
	padding-bottom: 1%;
}
.service .left .service_heading {
	width: auto;
	color: #69B0ED;
	font-family: Georgia;
	font-size: xx-large;
	font-style: italic;
	padding-bottom: 4%;
	padding-top: 4%;
	padding-left: 0px;
	padding-right: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.container .service .left {
	width: 43%;
	padding-bottom: 15px;
	float: left;
	padding-left: 10%;
	margin-right: 0px;
}
.service .left p {
	font-family: Georgia;
	font-style: italic;
	font-size: large;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 0%;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}
.container .service .right {
	width: 32%;
	float: left;
	padding-left: 5%;
	padding-top: 6%;
	padding-bottom: 3%;
	padding-right: 10%;
}
.service .right img {
	width: 100%;
	height: auto;
	padding-right: 0px;
}
.container .quotes section {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.container .quotes {
	min-height: 200px;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	display: inline;
}
.container .quotes .Quotes {
	padding-bottom: 3%;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.quotes .Quotes p {
	color: #FFFFFF;
	font-family: Georgia;
	font-style: italic;
	font-size: 24px;
	margin-right: 0px;
	width: 40%;
	padding-left: 5%;
	padding-right: 3%;
	margin-left: 0px;
	padding-bottom: 3%;
	margin-bottom: 0px;
	float: left;
	padding-top: 4%;
	text-align: center;
	display: inline;
}	
.Quotes p img {
	position: relative;
	width: auto;
	float: left;
	max-height: 200px;
}
.container .clients {
	width: 100%;
	min-height: 150px;
	padding-left: 5%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.container .clients .bbc {
	width: 31%;
	padding-top: 2%;
	float: left;
}
.clients .bbc .logo {
	width: 100%;
}
.container .clients .unilever {
	width: 9%;
	padding-left: 2%;
	float: left;
}
.clients .unilever .logo {
	width: 100%;
	margin-top: 10px;
}
.container .clients .underground {
	width: 12%;
	padding-top: 1%;
	float: left;
}
.clients .underground .logo {
	width: 80%;
}
.container .clients .thames {
	width: 12%;
	padding-top: 1%;
	float: left;
}
.clients .thames .logo {
	width: 80%;
}
.container .clients .Vodafone {
	width: 33%;
	padding-top: 2%;
	float: left;
}
.clients .Vodafone .logo {
	width: 80%;
}
.container .contact_information {
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.container .footerline {
	width: 100%;
	height: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #598ad1;
	float: left;
}
.container .contact_information .left {
	width: 50%;
	float: left;
	text-align: left;
	top: auto;
	padding-top: 20px;
	font-family: Georgia;
	color: #000000;
	font-style: normal;
	font-size: x-large;
}
.contact_information .left p {
	padding-left: 20%;
	font-size: medium;
}
.container .contact_information .right {
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 20px;
}
.contact_information .right a {
	padding-right: 18%;
}
.contact_information .right p {
	padding-right: 20%;
	color: #000000;
	font-family: Georgia;
	font-size: medium;
}
.container .footerline2 {
	width: 95%;
	height: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 3%;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	background-color: #598ad1;
	margin-left: 3%;
	padding-right: 0px;
	padding-left: 0px;
}
.container .copyright {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: right;
	color: #595959;
	font-family: Georgia;
}
.container .copyright p {
	width: 80%;
	float: right;
	margin-right: 40px;
	padding-right: 20px;
}

}